草庐IT

Vue + element-ui el-tree 虚拟滚动

全部标签

javascript - Bootstrap Accordion ,单击时滚动到事件(打开) Accordion 的顶部?

我正在使用Bootstrap制作一个响应式网站,它包含带有大量文本的Accordion,当您阅读到底部并单击下一个Accordion时,大量文本被折叠并且我留在底部页面的。我从Bootstrapaccordionscrolltotopofactivepanelheading中找到了这个有用的代码但它会滚动到所有Accordion的顶部,而不是打开的特定Accordion的顶部。JS$(function(){$('#accordion').on('shown.bs.collapse',function(e){varoffset=$('.panel.panel-default>.panel

javascript - 如何获取当前Vue组件的DOM元素?

当我在vue组件的某个方法中并想使用一些dom操作(通过jquery)时,我需要让DOM元素与我的组件相关(特别是当我在页面上有很多组件实例时-我需要对它们中的每一个单独“工作”——所以我无法仅使用没有技巧的jquery选择器来检测DOM元素...) 最佳答案 就这样(在“方法”中的任何方法中):letdomElement=this.$el;:)但请记住,只要您的组件不是FragmentInstance,这就是有效的即它有一个根HTML标签 关于javascript-如何获取当前Vue组

javascript - 如何打印整个 Bootstrap 模态,其中模态主体中的内容被滚动出 View

问题是用户必须向下滚动才能查看模态主体内的所有内容。但是,当我打印模态时,唯一打印的部分是可见的部分。我想要打印整个模式的内容。我已经尝试了下一页上的每一段代码,但没有一个能打印出整个模态。TwitterBootstrap:Printcontentofmodalwindow 最佳答案 与angularjsUIBootstrap库面临同样的问题。尝试了上面提供的链接,但没有成功。当模式比视口(viewport)LONGER时,唯一对我有用的CSS是:@mediaprint{.modal{position:absolute;left:0

javascript - 在 vue 路由器中更改主体样式

我正在使用Vuerouter有两页:letroutes=[{path:'/',component:require('./components/HomeView.vue')},{path:'/intro',component:require('./components/IntroView.vue')}]这很好用,只是我的每个组件都有不同的主体样式:HomeView.vue:Thisisthehomepage!exportdefault{}body{background:red;}IntroView.vue:Introductionexportdefault{}body{backgroun

javascript - 如何在水平溢出的页面上向右滚动?

当用户关闭模态(特别是Foundation4中的Reveal模态)时,我想滚动到页面的最右边缘,该页面真的很宽(故意很宽)。我试过在一个完全对齐的div上设置一个id,但这显然行不通。 最佳答案 要水平滚动,您可以使用scrollLeft().$('body,html').scrollLeft(400);jQuery还支持对scrollLeft属性进行动画处理。要一直向右滚动,您将获得页面的整个宽度,减去窗口宽度以获得左边缘:varleft=$(document).outerWidth()-$(window).width();$('

javascript - Vue.js 全局事件总线

我正在尝试创建一个全局事件总线,以便两个同级组件可以相互通信。我四处寻找;但是,我找不到任何有关如何实现的示例。这是我目前所拥有的:varbus=newVue();Vue.component('Increment',{template:"#inc",data:function(){return({count:0})},methods:{increment:function(){varincrement=this.count++bus.$emit('inc',increment)}}})Vue.component('Display',{template:"#display",data:f

javascript - Vue.js:v-for 完成后的事件

我正在尝试使用Vue.js构建一个简单的聊天应用程序。我的问题是在写新消息时消息区域需要滚动到底部。我使用v-for指令循环遍历消息。v-for更新DOM时是否有事件?我已经做到了让消息区域div监听组件的消息数组。我尝试在将消息附加到数组的同一函数中将消息区域div的scrollTop设置为99999。但问题是v-for没有完成更新DOM,因此它不会滚动到正确的点。 最佳答案 我遇到了类似的问题,但我使用vue.nextTick()采取了不同的方法。我需要确保v-for已完成渲染,因为该组件不会立即重新渲染,它将在队列为空时的下一

点击javascript平滑滚动

我正在使用这个链接:superContent它同时做了两件事:将用户跳转到页面顶部执行其他(不相关的)ajax加载功能一切都很好,除了我想弄清楚如何让它更顺畅地滚动到顶部。我尝试添加.scroll以将其附加到我的jqueryscrollTo插件,但没有任何反应,这可能与我使用的是javascriptonclick的事实有关,而href属性完全做其他事情。有没有办法将动画平滑滚动附加到onclick="location.href='#top'"? 最佳答案 试试这个,它为scrollTop()函数设置动画。设置链接的id:linkjq

javascript - Vue单元测试报错: vuex requires a Promise polyfill in this browser

我使用vue-cli创建了一个项目,并在其中添加了vuex和vue-router。我正在尝试为其设置单元测试,但出现以下错误。没有Vuex,它曾经可以工作。PhantomJS2.1.1(MacOSX0.0.0)ERRORError:[vuex]vuexrequiresaPromisepolyfillinthisbrowser.atwebpack:///~/vuex/dist/vuex.js:145:0以下是相关的包版本:"babel-core":"^6.0.0","babel-eslint":"^7.0.0","babel-loader":"^6.0.0","vue":"^2.1.0"

javascript - 查找页面的最大滚动位置

我已将页面主体设置为200%高,以便它适合屏幕两次。使用javascript,我让它在你滚动时一直滚动到顶部或底部。为此,我需要找出页面在任何浏览器或屏幕尺寸上的最低滚动点,以便它到达那里时停止。请不要使用JQuery。谢谢。我的代码:(它仍在组装中,因此需要一些工作)functiongetScrollXY(){varx=0,y=0;if(typeof(window.pageYOffset)=='number'){//Netscapex=window.pageXOffset;y=window.pageYOffset;}elseif(document.body&&(document.bo